<template>
  <el-tooltip :open-delay="1000" :visible-arrow="false"
              placement="right"
              popper-class="quick-filter-tooltip"
              content="Use Quick Filters to view a subset of issues. Board owners can add more.">
    <dt class="quick-filter-text inline-block">QUICK FILTERS:</dt>
  </el-tooltip>
</template>

<script>
export default {
  name: 'QuickFilterTooltip'
}
</script>

<style lang="scss" scoped>
.quick-filter-text {
  padding-right: 10px;
}
</style>

<style lang="scss" >
.quick-filter-tooltip {
  max-width: 228px !important;
}
dt.quick-filter-text {
  padding: 7px 0;
  border: 1px solid transparent;
}
</style>
